/*
 Theme Name:   Academy
 Description:  You HR Academy theme
 Author:       Kyle You HR
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         bootstrap
*/

/*text style*/

h1,h2,h3,h4,h5,h6,a {
	color:#F04E98
}

.blue {
	color:#2CCCD3!important;
}

.orange {
	color:#F1B434!important;
}

.purple {
	color:#563D82!important;
}

.grey {
	color:#63666A!important;
}

.faded {
	opacity:0.5;
}

a.grey {
	color:#63666A!important;
}

a:hover {
	color:#DA1984;
	text-decoration:none;
	font-weight:bold;
}

a.blue:hover {
	color:#5CB8B2!important;
}

a.orange:hover {
	color:#FF8200!important;
}

a.purple:hover {
	color:#330072!important;
}

a.grey:hover {
	color:#53565A;
}

a.text-white:hover {
	color:#63666A!important;
}

a.btn:hover {
	font-weight:initial;
}

hr {
	border-color:#63666A;
}

/*Text style end*/

/*general Start*/

.bg-academy {
	background-color:#F04E98;
}

.ina-dp-noflict-modal-content {
	border-radius:0.25rem;
}

/*General End*/

/*Top Menu Start*/

nav#fixed-navbar img {
	max-height:90px;
}

nav {
	background-color:rgb(101,105,108);
	border-color:rgb(81,85,88);
}

div.menu-main-container {
	width:100%
}

.top-menu li a {
	font-size:1rem;
}

.top-menu a.navbar-brand {
	padding:0;
}

.top-menu .navbar-toggler {
	padding: 1px 6px;
}

.top-menu #list-background {
	/*padding-left:initial;*/
	background-color:rgb(101,105,108);
}

.top-menu li {
	margin:0 -0.5rem;
}

.top-menu li a {
	display:block;
	padding:0 0.5rem;
	color:#fff
}

.top-menu li a:hover, .top-menu li a:focus {
	background-color:#EA518E;
	text-decoration:none;
	font-weight:normal;
}

@media (min-width: 768px) {
	nav.top-menu {
		padding:initial;
		max-width:720px;
		margin-right: auto;
    	margin-left: auto;
	}
	
	nav {
		background: #fff;
	}
	
	nav #logout-button-library {
		width: 90px;
    	line-height: 90px;
		background-color:#F04E98;
		border-radius: 0 50% 50% 50%;
	}
	
	.navbar-brand {
		width:20%;
	}
	
	.navbar-collapse {
		margin-top:initial;
		padding:5px;
		width:100%;
		text-align:center;
	}

	.top-menu li a {
		display:block;
		padding:10px;
		color:#fff;
		background-color:#EA518E;
		border: 1px solid #EA518E;
		border-radius:10px;
		font-size:inherit
	}
	
	
	.top-menu ul li:nth-child(3n+2) a {
		background-color:#ED6EA2;
	}
	
	.top-menu ul li:nth-child(3n) a {
		background-color:#E6308E;
	}
	
	.top-menu li:nth-child(n).current-menu-item a{
		background-color:#b5b9bC;
		color:#fff;
	}
	
	.top-menu li:nth-child(n).current-page-ancestor a{
		background-color:#b5b9bC;
		color:#fff;
	}
	
	.top-menu li:nth-child(n) a:hover {
		background-color:rgb(101,105,108);
		color:#fff;
	}

	.top-menu li {
		margin:0 2.5px;
		width:100px;
	}
	
	.container-md {
		max-width: 720px;
		width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	}
	
}

@media (min-width: 992px) {
	nav.top-menu, .container-md {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	nav.top-menu, .container-md {
		max-width: 1140px;
	}
}

.top-menu .navbar-toggle {
	border-color:#333;
	background-color:#777;
}

.top-menu .navbar-toggle:focus, .top-menu .navbar-toggle:hover {
	background-color:#333;
}

/*Top Menu End*/

/*Content Library Start*/

.sl-branch {
	position:absolute;
	display:none;
}

#tree-div .leaves:hover .sl-branch {
	display:block;
}

.sub-categories {
	overflow-x:auto;
	overflow-y:hidden;
}

.petal-category {
	width:180px;
	height:180px;
    color: #fff;
}

a.petal-category:hover {
    color: #63666A;
}

.sub-categories .petal-tl {
    box-shadow: -5px 5px 5px #63666A;
}

.sub-categories .petal-tr {
    box-shadow: 5px 5px 5px #63666A;
}

.petal-blue {
    background-color: #2CCCD3;
}

.petal-pink {
    background-color: #F04E98;
}

.petal-orange {
	background-color:#F1B434;
}

.petal-purple {
	background-color:#563D82;
}

.btn-academy {
	color:#fff;
	background-color:#F04E98;
	border-color:#F04E98;
}

.btn-academy:hover {
	color:#fff;
	background-color:#DA1984;
	border-color:#DA1984;
}

.banner-block::before {
    background-image: linear-gradient(192deg,#F04E98,#DA1984);
}

.content-bg {
  cursor:none;
}

.content-bg:hover .hoverimg {
  display:block !important;
}

div.hoverimg {
  width:200px;
  height:200px;
  margin-bottom:-200px;
  border:solid 6px #63666A;
}

.slick-prev,
.slick-next
{
    position: absolute;
    top: 50%;
    display: block;
    opacity: .75;
	width:20px;
	height:20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
	background: no-repeat 50%/100% 100%;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    opacity: 1;
}

.slick-prev {
	left: -25px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e8398d' viewBox='0 0 10 10'%3e%3ccircle cx='5' cy='5' r='5'/%3e%3cpath stroke='%23fff' d='M6.5 1.75l-3.25 3.25 3.25 3.25'/%3e%3c/svg%3e");
}

.slick-next {
	right: -25px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e8398d' viewBox='0 0 10 10'%3e%3ccircle cx='5' cy='5' r='5'/%3e%3cpath stroke='%23fff' d='M3.5 1.75l3.25 3.25 -3.25 3.25'/%3e%3c/svg%3e");
}

/*Purchase Seeds start*/

.nav-tabs a.nav-link.pink-tabs.active {
	color: #F04E98;
}

.nav-tabs a.nav-link.pink-tabs.active:hover {
	color:#DA1984;
	text-decoration:none;
	font-weight:bold;
}

/*Purchase seeds end*/

/*Content Library End*/

/*Footer Start*/

footer {
	background-color:#F04E98;
	padding:20px 0;
	color:#fff;
}

footer img {
	max-width:100%
}

@media (min-width:768px) {
	footer .fullrow {
		margin: 0 -8.33333333%
	}
}

footer a {
	color:#ffffff
}

footer .sm-less-padding {
	padding:0 6.66%
}

/*Footer End*/